$(function(){

    //事件中有一个监听hash变化的事件 onhashchange
    window.onhashchange=loadPage
    
    //当页面初始时,执行
    loadPage();

    function loadPage(){
        //获取hash地址
        let hash=location.hash;
        //判定 当前hash匹配页面
        switch(hash){

            case'#invest':
            $('#main').load('./page/invest.html');

            break;

            case'#borrow':
            $('#main').load('./page/borrow.html');
            break;

            
            case'#login':
            $('#main').load('./page/login.html');

            break;

            case'#register':
            $('#main').load('./page/register.html');

            break;
            //个人中心默认设置
            case'#personal':
            $('#main').load('./page/personal.html');
            break;

            //二级路由 账户信息
            case'#personal/info':
            loadPersonal('personal/info')
            break;

            //实名认证
            case'#personal/auth':
            loadPersonal('personal/auth')
            break;

            //银行卡管理
            case'#personal/card':
            loadPersonal('personal/card')
            break;

            //更该账号信息
            case'#personal/recharge':
            loadPersonal('personal/recharge')
            break;

              //账户流水
            case'#personal/updataUser':
            loadPersonal('personal/updataUser')
            break;

            //充值明细
            case'#personal/flow':
            loadPersonal('personal/flow')
            break;
          
            //借款申请
            case'#personal/borrowApply':
            loadPersonal('personal/borrowApply') 
            break;

            
            //借款详情
            case'#personal/borrowinfo':
            loadPersonal('personal/borrowinfo') 
            break;


            default:
            $('#main').load('./page/home.html');

            break;

        }
        //加载二级页面功能
        function  loadPersonal(hash){
          $('#main').load('./page/personal.html',function(){
            $('#right-box').load(`./page/${hash}.html`);
          });
        }

 


      // if(hash==''){//如果没有获取hash值,则默认设置为首页 
      //   $(`#nav li:first a`).closest('li').addClass('active').siblings().removeClass('active')

      // }else{

      //   //思路 一级路由路径都是#home 二级路由是#home/auto 所以根据是否有 / 来判断是一级还是二级路由
      //   if(!hash.includes('/')){//一级路由 hash不能有 /
      //     $(`#nav li a[href="${hash}"]`).closest('li').addClass('active').siblings().removeClass('active')
      //   }else{//二级路由
      //     $(`#nav li a[href="${hash.split('/'[0])}"]`).closest('li').addClass('active').siblings().removeClass('active')
      //   }
      // }

      // 激活active类名
      // 使用hash的值和导航中a标签的href进行指定标签的选中
      // 再找到当前li标签绑定样式,其他同级li移除类

      //优化代码 进阶一
      // let $active;

    //     if(hash==''){
    //       $active= $(`#nav li:first a`)
    //     }else{
    //         if(!hash.includes('/')){
    //           $active=$(`#nav li a[href="${hash}"]`)
    //         }else{
    //           $active=$(`#nav li a[href="${hash.split('/'[0])}"]`)
    //         }
    //     }
    //     $active.closest('li').addClass('active').siblings().removeClass('active')

      //优化代码 进阶二
      $active=!hash?$(`#nav li:first a`):!hash.includes('/')?$(`#nav li a[href="${hash}"]`):$(`#nav li a[href="${hash.split('/'[0])}"]`)

      $active.closest('li').addClass('active').siblings().removeClass('active')
   
    }

    //动态设置登录状态
    //获取本地用户数据值
    let user=localStorage.getItem('username');
    // console.log(username);

    if(user==null){
      $('.log-reg').html(`<a class="navbar-brand" href="#login" id="login">登陆|</a>
      <a class="navbar-brand" href="#register" id="register">注册</a>`)
      // $('.log-reg').html(`<a class="navbar-brand" href="register" id="register">注册</a>`)
    }else{
      $('.log-reg').html(`<a class="navbar-brand" href="#" id="login">${user}</a> <a class="navbar-brand" href="#" id="register">注销</a>`)
      // $('.log-reg').html(`<a class="navbar-brand" href="#" id="register">注销</a>`)
    }
    $('#register').click(function(){

        localStorage.removeItem('username');
        location.href='/'
    })

    //动态获取本地时间终止时间点 
    var timer=setInterval(function(){
        var endT=localStorage.getItem('endTime');
        var  curT=new Date().getTime();
        //如果当前时间大于设定的终止事件 就注销用户并且清空计时器
        if(curT>=endT){
          localStorage.removeItem('username');
          localStorage.removeItem('endTime');

          clearInterval(timer);
          $('.log-reg').html(`<a class="navbar-brand" href="#login" id="login">登陆|</a>
      <a class="navbar-brand" href="#register" id="register">注册</a>`)
        }

    },1000)

})